import styled from 'styled-components'
import Space from '../../component/Space'
import { useTranslation } from 'react-i18next'
import { copy } from '../../utils/common'
import { CUSTOMER } from '../../constants'

const Container = styled.div`
    display: flex;
`

const Helper = styled.div`
    
`

const Footer: React.FC = () => {
    const { t } = useTranslation()

    const onClick = () => {
        copy(CUSTOMER)
    }

    return <Container>
        <Space />
        <Helper onClick={onClick}>{`${t('ton.help')}: ${CUSTOMER}`}</Helper>
    </Container>
}

export default Footer